<template>
	<view>
		<view class="index-content">
		<!--                    列表元素-->
		                    <view class="conten-item" @click="skipDetails(1)">
		<!--                        元素头-->
		                        <view class="list-item-head-a">
		                            <view class="item-head-portrait-a">
		                                <img src="../../../static/img/quan-active.png" />
		                            </view>
		                            <view class="item-head-name">
		                                <text>sssss</text>
		                            </view>
		                            <view class="item-option" @click.stop="popupShow = true"></view>
		                        </view>
		<!--                        end-->
		<!--                        元素内容-->
		                        <view class="item-content-a">
		                            <view class="content-text-a">
		                                ssssssssssssssssssssssssssssssssssssssssssssss
		                            </view>
		                            <view class="content-img-b">
		                                <img src="../../../static/img/quan-active.png" />
		                            </view>
		                            <view class="content-label-a">
		                                <view>你好吧</view>
		                                <view>你好吧</view>
		                            </view>
		                        </view>
		<!--                        end-->
		<!--                        元素底部按钮-->
		                        <view class="list-item-footer">
		                            <view class="list-item-left">
		                                <view><img src="../../../static/img/zhuanfa.png">17</view>
		                                <view><img src="../../../static/img/huifu.png">17</view>
		                            </view>
		                            <view class="list-item-right">
		                                <view><img src="../../../static/img/appreciate_up.png">17</view>
		                                <view><img src="../../../static/img/appreciate_down.png">17</view>
		                            </view>
		                        </view>
		<!--                        end-->
		                    </view>
		<!--                    end-->
		                    <!--                    列表元素-->
		                    <view class="conten-item" @click="skipDetails(0)">
		                        <!--                        元素头-->
		                        <view class="list-item-head-a">
		                            <view class="item-head-portrait-a">
		                                <img src="../../../static/img/quan-active.png" />
		                            </view>
		                            <view class="item-head-name">
		                                <text>sssss</text>
		                            </view>
		                            <view class="item-option" @click.stop="popupShow = true"></view>
		                        </view>
		                        <!--                        end-->
		                        <!--                        元素内容-->
		                        <view class="item-content-a">
		                            <view class="content-text-a">
		                                ssssssssssssssssssssssssssssssssssssssssssssss
		                            </view>
		                            <view class="content-img-b">
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                                <img src="../../../static/img/quan-active.png" />
		                            </view>
		                            <view class="content-label-a">
		                                <view>你好吧</view>
		                                <view>你好吧</view>
		                            </view>
		                        </view>
		                        <!--                        end-->
		                        <!--                        元素底部按钮-->
		                        <view class="list-item-footer">
		                            <view class="list-item-left">
		                                <view><img src="../../../static/img/zhuanfa.png">17</view>
		                                <view><img src="../../../static/img/huifu.png">17</view>
		                            </view>
		                            <view class="list-item-right">
		                                <view><img src="../../../static/img/appreciate_up.png">17</view>
		                                <view><img src="../../../static/img/appreciate_down.png">17</view>
		                            </view>
		                        </view>
		                        <!--                        end-->
		                    </view>
		                    <!--                    end-->
		</view>
						
	<!--            end-->
	<!--            弹窗-->
				<Dislike :fatherValue.sync="popupShow"></Dislike>
	<!--            end-->
	</view>
		
		
	</view>
</template>

<script>
	import Dislike from "@/pages/components/popup/dislike.vue";
	export default {
		components:{
		    Dislike
			},
		data() {
			return {
				popupShow:false,//操作弹窗
			};
		},
		methods:{
			//跳转详情帖子详情
			skipDetails(id){
			    if (id==1){
			        uni.navigateTo({
			            url: '/pages/Details/characters/characters'
			        })
			    } else {
			        uni.navigateTo({
			            url: '/pages/Details/video/video'
			        })
			    }
			
			}
		}
	}
</script>

<style lang="scss">
	@import "../../../static/scss/indexstyle.scss";
	.index-content{
		background: #e1e1e1;
	}
	.conten-item{
		background: #fff;
		margin-bottom: 10rpx;
	}
</style>
